<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/store.css"/>
	</head>
	<body>
		<header></header>
		<div id="showNews-container-wrapper">
			<div id="showNews-container">
				<h3 class="title">标题</h3>
				<p class="info">
					<span class="date">2017年5月22日</span>
					<span class="author">作者：XXX</span>
				</p>
				<div class="text">
					<p>。。。</p>
				</div>
			</div>
		</div>
		<script src="../js/frameJS/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/frameJS/iscroll/build/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//加载公共头部
				$('header').load('../commonTemplate/common-header.html');
				
				//引用iScroll并调用
				function loaded(){
					var myScroll = new IScroll('#showNews-container-wrapper', {
						scrollbars: true,
						mouseWheel: true,
						interactiveScrollbars: true,
						shrinkScrollbars: 'scale',
						fadeScrollbars: true,
						//click:true防止点击事件或a标签失效
						click:true
					});
				}
				window.setTimeout(loaded,100);
			})
		</script>
	</body>
</html>
